/* pages/accounting_voucher_detl/accounting_voucher_detl.wxss */
.g-container {
  >.g-main {
    // overflow-y: scroll;

    >.item_wrap {
      >.item_bg {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 250rpx;
        box-sizing: border-box;
        padding: 56rpx 36rpx 90rpx;
        color: #fff;
        background: #0251FF;
      }

      >.item_body {
        margin-top: -32rpx;
        padding: 0 16rpx;
        color: #101010;

        >.main_wrap, >.sum_wrap, >.sub_wrap {
          margin-bottom: 20rpx;
          border-radius: 8rpx;
          background: #fff;
        }

        >.main_wrap {
          padding: 0 20rpx;

          >.li_item {
            padding: 48rpx 0;
            border-top: 2rpx solid #bbb;

            &:first-child {
              // margin-top: 12rpx;
              padding-top: 60rpx;
              border-top: none;
            }

            >.main {
              display: flex;
              justify-content: space-between;
              align-items: center;
            }

            
            >.sub {
              display: flex;
              justify-content: space-between;
              // align-items: center;
              flex-wrap: wrap;
              margin-top: 8rpx;
              font-size: 24rpx;
              color: #8D9094;

              >.text {
                flex: 1;
                min-width: 30%;
                max-width: 33%;
                margin-top: 12rpx;

                &:nth-child(2n) {
                  margin-right: 30%;
                }
              }
            }
          }
        }

        >.sum_wrap {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20rpx 36rpx 20rpx 20rpx;
          font-size: 36rpx;

          >.sum {
            font-size: 28rpx;
            text-align: right;

            >.top {
              margin-bottom: 16rpx;
            }
          }
        }

        >.sub_wrap {
          padding: 20rpx;
          font-size: 24rpx;
          color: #9a9a9a;
        }
      }
    }

    .u-text_green::after {
      content: '借';
    }

    .u-text_red::after {
      content: '贷';
    }
  }

  >.g-footer {
    display: block;
    padding: 0 !important;

    >.btn_dflt {
      // height: 86rpx;
      margin: 30rpx 60rpx 120rpx !important;
      // border-radius: 12rpx;
      // color: #fff;
      // background: #2882FE;
    }
  }
}